/*
* @Author: Karry
* @Date:   2017-10-03 00:25:50
* @Last Modified by:   Karry
* @Last Modified time: 2017-10-27 22:43:05
*/

require('./index.css');
require('page/common/nav/index.js');
require('page/common/header/index.js');
require('util/slider/index.js');
var navSide        = require('page/common/nav-simple/index.js');
var templateBanner = require('./banner.string');
var _db            = require('util/db.js');

$(function() {
    // 渲染banner的html
    var bannerHtml = _db.renderHtml(templateBanner);
    $('.banner-con').html(bannerHtml);
    $(document).ready(function(e){
        var unsliderCon = $('.banner').unslider({
            dots : true
        }),
        dataCon = unsliderCon.data('unslider');
        $('.banner-arrow').click(function(){
            var fn = this.className.split(' ')[1];
            dataCon[fn]();
        });
    });
});

//菜单导航左侧内容栏
$(function(){
    var thisTime;
    //鼠标离开左侧内容栏
    $('.cat_wrap .cat_list .float').mouseleave(function(even){
        thisTime = setTimeout(thisMouseOut,1000);
    });
    //鼠标点击左侧内容栏   滑动出弹层
    $('.cat_wrap .cat_list .float').mouseenter(function(){
        $(this).addClass("active").siblings().removeClass("active");
        clearTimeout(thisTime);
        var thisUB = $('.cat_wrap .cat_list .float').index($(this));
        if($.trim($('.cat_subcont .cat_sublist').eq(thisUB).html()) != ""){
            $('.cat_subcont').addClass('active');
            $('.cat_sublist').hide();
            $('.cat_sublist').eq(thisUB).show();
        }else{
            $('.cat_subcont').removeClass('active');
        }
    });
    //函数——执行鼠标离开左侧内容栏的动作
    function thisMouseOut(){
        $('.cat_subcont').removeClass('active');
        $('.cat_wrap .cat_list .float').removeClass('active');
    }
    $('.cat_subcont').mouseenter(function(){
        clearTimeout(thisTime);
        $('.cat_subcont').addClass('active');
    });
    $('.cat_subcont').mouseleave(function(){
        $('.cat_subcont').removeClass('active');
        $('.cat_wrap .cat_list .float').removeClass('active');
    });
}); 

// 生活窗口鼠标移入图片，图片向左移动10PX
$('#lifewindow .lifemain .tuarea1').hover(
    function(){
    $('#lifewindow .lifemain .tuarea1 img').stop().animate({'left':'-10px'},300);
    },  function(){
    $('#lifewindow .lifemain .tuarea1 img').stop().animate({'left':'0px'},300);
    }
);

$('#lifewindow .lifemain .tuarea2').hover(

    function(){
        $('#lifewindow .lifemain .tuarea2 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea2 img').stop().animate({'left':'0px'},300);
    }   
);

$('#lifewindow .lifemain .tuarea3').hover(
    function(){
        $('#lifewindow .lifemain .tuarea3 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea3 img').stop().animate({'left':'0px'},300);
    }
);

$('#lifewindow .lifemain .tuarea4').hover(
    function(){
        $('#lifewindow .lifemain .tuarea4 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea4 img').stop().animate({'left':'0px'},300);
    }
);

$('#lifewindow .lifemain .tuarea5').hover(
    function(){
        $('#lifewindow .lifemain .tuarea5 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea5 img').stop().animate({'left':'0px'},300);
    }
);

$('#lifewindow .lifemain .tuarea6').hover(
    function(){
        $('#lifewindow .lifemain .tuarea6 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea6 img').stop().animate({'left':'0px'},300);}
);

$('#lifewindow .lifemain .tuarea7').hover(
    function(){
        $('#lifewindow .lifemain .tuarea7 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea7 img').stop().animate({'left':'0px'},300);
    }   
);

$('#lifewindow .lifemain .tuarea8').hover(
    function(){
        $('#lifewindow .lifemain .tuarea8 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('#lifewindow .lifemain .tuarea8 img').stop().animate({'left':'0px'},300);
    }
);


/* floor楼层特效 */
// 1F滑块效果开始
$('#onefloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f1_left=index*158;
    $('#onefloor .one_top ul .huakuai').stop().animate({'left':f1_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#onefloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 2F滑块效果开始
$('#twofloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f2_left=index*158;
    $('#twofloor .one_top ul .huakuai').stop().animate({'left':f2_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#twofloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();

});

// 3F滑块效果开始
$('#threefloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f3_left=index*158;
    $('#threefloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#threefloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 4F滑块效果开始
$('#fourfloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f3_left=index*158;
    $('#fourfloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#fourfloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 5F滑块效果开始

$('#fivefloor .one_top ul li').mouseover(function(){
        var index=$(this).index();
        var f3_left=index*158;
        $('#fivefloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
        $(this).find('h3').css('color','#E4393C');
        $(this).siblings('li').find('h3').css('color','#666');
        $('#fivefloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 6F滑块效果开始
$('#sixfloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f3_left=index*158;
    $('#sixfloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#sixfloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 7F滑块效果开始
$('#sevenfloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f3_left=index*158;
    $('#sevenfloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#sevenfloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 8F滑块效果开始
$('#eightfloor .one_top ul li').mouseover(function(){
    var index=$(this).index();
    var f3_left=index*158;
    $('#eightfloor .one_top ul .huakuai').stop().animate({'left':f3_left+'px'});
    $(this).find('h3').css('color','#E4393C');
    $(this).siblings('li').find('h3').css('color','#666');
    $('#eightfloor .onemain .maincenter .cent1').eq(index).show().siblings('.cent1').hide();
});

// 1F轮播图效果开始
$('#onefloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#onefloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 2F轮播图效果开始
$('#twofloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#twofloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 4F轮播图效果开始
$('#fourfloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#fourfloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 5F轮播图效果开始
$('#fivefloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#fivefloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 6F轮播图效果开始
$('#sixfloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#sixfloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 7F轮播图效果开始
$('#sevenfloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#sevenfloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 8F轮播图效果开始

$('#eightfloor .onemain .maincenter .cent1 .cenlunbo ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*473;
    $('#eightfloor .onemain .maincenter .cent1 .cenlunbo .luntu').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 1F右侧轮播图效果开始
$('#onefloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#onefloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 2F右侧轮播图效果开始

$('#twofloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#twofloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 3F右侧轮播图效果开始
$('#threefloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#threefloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 4F右侧轮播图效果开始
$('#fourfloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#fourfloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 5F右侧轮播图效果开始
$('#fivefloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#fivefloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 6F右侧轮播图效果开始
$('#sixfloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#sixfloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 7F右侧轮播图效果开始
$('#sevenfloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#sevenfloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});

// 8F右侧轮播图效果开始
$('#eightfloor .onemain .mainright .righttu ul li').mouseover(function(){
    var index=$(this).index();
    var tuleft=-index*209;
    $('#eightfloor .onemain .mainright .righttu .rightlun').stop().animate(
        {'left':tuleft+'px'});
    $(this).css('background','#7ABD54').siblings('li').css('background','#ccc');
});


// 3F图片滑动效果开始
$('.onemain .maincenter .cent1 .f3tu1 .f3tu1_1').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu1 .f3tu1_1 img').stop().animate({'left':'-10px'},300);
    },  function(){
        $('.onemain .maincenter .cent1 .f3tu1 .f3tu1_1 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu1 .f3tu1_2').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu1 .f3tu1_2 img').stop().animate({'left':'-10px'},300);
},  function(){
        $('.onemain .maincenter .cent1 .f3tu1 .f3tu1_2 img').stop().animate({'left':'0px'},300);
    }
);


$('.onemain .maincenter .cent1 .f3tu2').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu2 img').stop().animate({'left':'-10px'},300);
},  function(){
        $('.onemain .maincenter .cent1 .f3tu2 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu3 .f3tu1_3').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu3 .f3tu1_3 img').stop().animate({'left':'-10px'},300);
},  function(){
    $('.onemain .maincenter .cent1 .f3tu3 .f3tu1_3 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu3 .f3tu1_4').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu3 .f3tu1_4 img').stop().animate({'left':'-10px'},300);
},  function(){
        $('.onemain .maincenter .cent1 .f3tu3 .f3tu1_4 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu4').hover(
    function(){

        $('.onemain .maincenter .cent1 .f3tu4 img').stop().animate({'left':'-10px'},300);
},  function(){
    $('.onemain .maincenter .cent1 .f3tu4 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu5 .f3tu1_5').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu5 .f3tu1_5 img').stop().animate({'left':'-10px'},300);
},  function(){
        $('.onemain .maincenter .cent1 .f3tu5 .f3tu1_5 img').stop().animate({'left':'0px'},300);
    }
);

$('.onemain .maincenter .cent1 .f3tu5 .f3tu1_6').hover(
    function(){
        $('.onemain .maincenter .cent1 .f3tu5 .f3tu1_6 img').stop().animate({'left':'-10px'},300);
},  function(){
        $('.onemain .maincenter .cent1 .f3tu5 .f3tu1_6 img').stop().animate({'left':'0px'},300);
    }
);

// 晒单效果开始
$(function(){
    setInterval(function(){
        $('#hot .hotleft .shaidan .shaimain ul li').last().css('height','0');
        $('#hot .hotleft .shaidan .shaimain ul').prepend($('#hot .hotleft .shaidan .shaimain ul li').last());
        $('#hot .hotleft .shaidan .shaimain ul li').first().animate({'height':'80px'},500);
    },5000)
})

// 热门效果开始
$(function(){
    setInterval(function(){
        $('#hot .hotleft .shaidan1 .shaimain ul li').last().css('height','0');
        $('#hot .hotleft .shaidan1 .shaimain ul').prepend($('#hot .hotleft .shaidan1 .shaimain ul li').last());
        $('#hot .hotleft .shaidan1 .shaimain ul li').first().animate({'height':'80px'},500);
    },5000)
});

// 判断输入框的内容
$('#hot .hotright .readbottom .shuru').click(function(){

    if($(this).val()=="请输入您的Email地址"){
        $(this).val('');
    }   
});

$('#hot .hotright .readbottom .shuru').blur(function(){

    if($(this).val()==''){
        $(this).val('请输入您的Email地址');
        $(this).css('color','#999');
    }       
});